<%--
  Created by IntelliJ IDEA.
  User: 小威
  Date: 2020/6/20
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="./style.css">
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
    <script src="./jquery-1.11.0.js.下载" type="text/javascript" charset="utf-8"></script>
    <script src="../../jquery/jquery-3.4.1.js"></script>
    <script src="../../bootstrap/js/bootstrap.min.js"></script>

    <script src="js/distpicker.data.js"></script>
    <script src="js/distpicker.js"></script>


    <link href="//asserts.xcarimg.com/resource/common/header/header2019.css" rel="stylesheet"
          type="text/css" />
    <link type="text/css" href="//asserts.xcarimg.com/resource/common/header/sprite1x.css"
          rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" type="text/css">


    <link type="text/css" href="//asserts.xcarimg.com/resource/xbb/dist/css/main.css?v=1590924597" rel="stylesheet">
    <!--<link type="text/css" href="//asserts.xcarimg.com/resource/xbb/dist/img/sprite2x/sprite2x.css" rel="stylesheet">-->
    <!--<link rel="stylesheet" href="//asserts.xcarimg.com/resource/common/short_video/css/short_video.css?v=201909101415">-->
    <!--<link rel="icon" href="//icon.xcar.com.cn/favicon.ico?v=20190910" type="image/x-icon">-->
    <!--<link type="text/css" href="//asserts.xcarimg.com/resource/xbb/dist/img/sprite/sprite.css" rel="stylesheet">-->

    <style>
        *{
            margin: 0;
            padding:0;
        }
        #container{
            margin-left: 5%;
        }
        .photo_box1{
            float: left;
            width: 100px;
            text-align: center;
            /*background-color: #5bc0de;*/
        }
        .user_photo1{
            float: left;
            width: 150px;
            height:150px;
            border-radius: 50%;
        }
        .info_box1{
            float: left;
            margin-left: 20%;
        }
        ul {
            list-style-type: none;
        }
    </style>
</head>
<body>

<div class="bg-grey">
    <div class="content">
        <div class="tab-block information-tab">
            <div class="personalnformation">
                <div class="personalnformation-content">
                    <div class="personalnformation-content-left" id="photoName">
                        <!--<img src="./default_avatar.png" />-->
                    </div>
                    <div class="personalnformation-content-right">
                        <!--<p class="personalnformation-content-right-p">姓名：xxx</p>-->
                        <p class="personalnformation-content-right-p" id="bigname"></p>
                        <!--账号名：-->
                    </div>
                </div>
            </div>

            <script>
                $.ajax({
                    url: '/forum/user/getUserInfo',
                    success:function (data) {
                        if (data.state === '200' ){
                            console.log(data.data);
                            console.log(data.data.userName);
                            var userName = data.data.userName;
                            var parm = "userName=" + userName;
                            $.ajax({
                                url:"/forum/usercenter/selectByUsetName",
                                data:parm,
                                type:"post",
                                success:function (result) {
                                    var html = "<img src=\"" + result.userPhoto + "\" />";
                                    $('#photoName').html(html);
                                    $('#bigname').text("账号名：" + result.userName)
                                }
                            })


                        }
                    }
                })
            </script>




            <div class="tab-buttons ">
                <h3 class="tab-button cur" data-tab="one" style="width: 20%">个人资料</h3>
                <h3 class="tab-button" data-tab="two" style="width: 20%">我的帖子</h3>
                <h3 class="tab-button" data-tab="three" style="width: 20%">关注帖子</h3>
                <h3 class="tab-button" data-tab="four" style="width: 20%">关注用户</h3>
                <h3 class="tab-button" data-tab="five" style="width: 20%">粉丝</h3>
            </div>
            <div class="tabs">
                <div class="tab-item active" id="tab-one">
                    <div class="information-tab">
                        <div class="information-top">
                            <div style="width: 100%">
                                <!--<p class="information-top-content-p" style="">-->
                                <div class="information-top-head left" style="margin: 0 auto">
                                    <p class="information-top-head-p">个人资料</p>
                                </div>
                            </div>
                            <!--<div class="information-top-notes">-->
                            <!--</div>-->
                            <!--<div class="information-top-head left" style=" ">-->
                            <!--<p class="information-top-head-p">个人资料</p>-->
                            <!--</div>-->
                            <!--<div class="information-top-head right">-->
                            <!--<p class="information-top-head-p">点击去修改</p>-->
                            <!--</div>-->
                            <!--<div>-->
                            <!--1234-->
                            <!--</div>-->
                            <!--<div>-->
                            <!--<img src="../../2-post/images/爱车论坛.png" alt="" style="width: 200px;height: 200px">-->
                            <!--</div>-->
                            <!--<div class="information-top-content" style="height: 100px">-->
                            <!--<p class="information-top-content-p" style="line-height: 100px">头像</p>-->
                            <!--</div>-->
                            <!--<div class="information-top-content" style="height: 100px">-->
                            <!--<img src="../../2-post/images/爱车论坛.png" alt="" style="width: 100px;height: 100px">-->
                            <!--<p class="information-top-content-p">xxx</p>-->
                            <!--</div>-->
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">账号名</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="name">
                                <div class="form-group" >
                                    <label class="sr-only" for="example1">账号名</label>
                                    <input type="text" class="form-control" id="example1"  style="height: 70px" value="${userinformation.userName}" disabled="disabled">
                                </div>
                                </p>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">密码</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="pwd">
                                <div class="form-group" >
                                    <label class="sr-only" for="example2">密码</label>
                                    <input type="text" class="form-control" id="example2"  style="height: 70px" value="${userinformation.userPassword}">
                                </div>
                                </p>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">确认密码</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="pwd1">
                                <div class="form-group" >
                                    <label class="sr-only" for="example3">确认密码</label>
                                    <input type="text" class="form-control" id="example3"  style="height: 70px" value="">
                                </div>
                                </p>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">性别</p>
                            </div>
                            <select class="form-control" style="width: 500px;height: 70px" id="example4">
                                <option>保密</option>
                                <option>男</option>
                                <option>女</option>
                            </select>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">头像</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <div class="form-group">
                                    <%--<label for="exampleInputFile">File input</label>--%>
                                    <input type="file" id="exampleInputFile" name="picture">
                                    <%--<p class="help-block">Example block-level help text here.</p>--%>
                                </div>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">住址</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="adress">
                                <form class="form-inline" style="align-items: center;line-height: 60px">
                                    <div data-toggle="distpicker">
                                        <div class="form-group" >
                                            <label class="sr-only" for="province1">Province</label>
                                            <select class="form-control" id="province1" data-province=""></select>
                                        </div>
                                        <div class="form-group" >
                                            <label class="sr-only" for="city1" >City</label>
                                            <select class="form-control" id="city1" data-city="" ></select>
                                        </div>
                                        <div class="form-group">
                                            <label class="sr-only" for="district1">District</label>
                                            <select class="form-control" id="district1" data-district=""></select>
                                        </div>
                                    </div>
                                </form>
                                </p>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">生日</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="birthday">
                                    <input type="date" value="${userinformation.userBirthday}" id="date" style="height: 70px"/>
                                </p>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">QQ账号</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="QQ">
                                <div class="form-group" >
                                    <label class="sr-only" for="example5">QQ</label>
                                    <input type="text" class="form-control" id="example5"  style="height: 70px" value="${userinformation.userQq}">
                                </div>
                                </p>
                            </div>


                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" style="line-height: 70px">电话号码</p>
                            </div>
                            <div class="information-top-content" style="height: 70px">
                                <p class="information-top-content-p" id="phone">
                                <div class="form-group" >
                                    <label class="sr-only" for="example6">number</label>
                                    <input type="text" class="form-control" id="example6"  style="height: 70px" value="${userinformation.userPhone}">
                                </div>
                                </p>
                            </div>


                            <div class="information-top-notes">
                                <p class="information-top-content-p" style=""> </p>
                                <div class="information-top-head right" style="margin: 0 auto">
                                    <a class="information-top-head-p"  onclick="baocun1()" href="javascript:void(0);" >保存</a>
                                </div>
                                <div class="information-top-head right" style="margin: 0 auto">
                                    <a class="information-top-head-p" href="index.html">取消</a>
                                </div>
                                <p>
                                    <%--<button onclick="baocun1()">123</button>--%>
                                </p>
                                <!--<ul style="text-align: left;">-->
                                <!--&lt;!&ndash;<li style="font-size: 16px;line-height: 25px;font-family: " 微软雅黑";font-weight:="" 200;"="">● 适用考生：普通类文理科考生（艺术、体育类考生暂不适用）</li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li style="font-size: 16px;line-height: 25px;font-family: " 微软雅黑";font-weight:="" 200;"="">● 适用批次：普通类本科批次 （提前批暂不适用）</li>&ndash;&gt;-->
                                <!--&lt;!&ndash;<li style="font-size: 16px;line-height: 25px;font-family: " 微软雅黑";font-weight:="" 200;"="">● 专业测评报告不适用高职专科批</li>&ndash;&gt;-->
                                <!--</ul>-->
                                <p></p>
                            </div>

                        </div>
                    </div>
                </div>
                <script src="../../jquery/jquery-3.4.1.js"></script>
                <script type="text/javascript">
                    function baocun1() {
                        <%--alert('${userinformation.userBirthday}')--%>
                        <%--console.log('${userinformation.userBirthday}')--%>

                        var name = $('#example1').val()
                        var pwd1 = $('#example2').val()
                        <%--'${userinformation.userPassword}'--%>
                        var pwd2 = $('#example3').val()
                        var sex = $('#example4').val()
                        var file = $('input[type="file"]')[0].files[0];
                        var province = $('#province1').val();
                        <%--'${userinformation.userArea}'--%>
                        var city = $('#city1').val();
                        <%--${userinformation.other1}--%>
                        var district = $('#district1').val();
                        <%--${userinformation.other2}--%>
                        var birth = $('#date').val()
                        <%--${userinformation.userBirthday}--%>
                        var qq = $('#example5').val();
                        <%--${userinformation.userQq}--%>
                        var phone = $('#example6').val()
                        <%--${userinformation.userPhone}--%>


                        var one = "";
                        var two = "";
                        var three = "";
                        var four = "";
                        var five = "";
                        var six = "";
                        var seven = "";
                        var zero = "";

                        var formData = new FormData();

                        // 先判断每一项是否符合条件
                        if (pwd1 == '${userinformation.userPassword}') {
                            if (pwd2 != pwd1 && pwd2 != null){
                                alert("与原密码相同，请保持确认密码为空或者与原密码相同");
                                return false;
                            }
                        } else if (pwd1 != '${userinformation.userPassword}' && pwd1 == pwd2 && pwd1 != null) {
                            one = "userPassword=" + pwd1
                            // formData.append("userPassword",pwd1);
                            // one = "userPassword=" + pwd1
                            // if (pwd1 == pwd2){
                            //     formData.append("userPassword",pwd1);
                            // }
                            // if ( pwd2 != pwd1){
                            //     alert("请保证密码一致");
                            //     return false;
                            // }else if (pwd1 == null){
                            //     alert("密码不能为空");
                            //     return false;
                            // } else if (pwd2 == pwd1) {
                            //     formData.append("userPassword",pwd1);
                            //     console.log(pwd1)
                            //     return true;
                            // }
                            two = "&userSex=" + sex
                            three = "&userPhoto=" + file
                            four = "&userArea=" + province + city + district
                            five = "&other1=" + birth
                            six = "&userQq=" + qq
                            seven = "&userPhone=" + phone
                            // formData.append("userSex",sex);
                            // formData.append("userPhoto",file);
                            // formData.append("userArea",province + city + district)
                            // formData.append("other1",birth)
                            // formData.append("userQq",qq)
                            // formData.append("userPhone",phone)

                        }
                        // else if (sex != null){
                        //     var val = sex
                        //     // formData.append("userSex",val);
                        //     two = "userSex=" + sex
                        //     console.log(sex)
                        // }
                        <%--else if (file != null){--%>
                            <%--formData.append("userPhoto",file);--%>
                            <%--console.log(file)--%>
                        <%--}else if (province != null){--%>
                            <%--formData.append("userArea",province + city + district)--%>
                            <%--console.log(province + city + district)--%>
                        <%--}else if ( birth != null){--%>
                            <%--formData.append("userBirthday",birth)--%>
                            <%--console.log(birth)--%>
                        <%--}else if (qq != '${userinformation.userQq}' && qq != null){--%>
                            <%--formData.append("userQq",qq)--%>
                            <%--console.log(qq)--%>
                        <%--}else if (phone != '${userinformation.userPhone}' && phone != null) {--%>
                            <%--formData.append("userPhone",phone)--%>
                            <%--console.log(phone)--%>
                        <%--}--%>
                        // zero = one + two
                        // alert(zero)

                        zero = one + two + three + four + five + six + seven;
                        console.log(zero)
                         if (zero == null){
                            window.location.href = "/forum/4_user/personself/index.html";
                        }else {
                             var eigrth = "&userName=" + name;
                             zero = zero + eigrth
                            // formData.append("userName",name);
                            // console.log(formData)

                            $.ajax({
                                url:"/forum/usercenter/updateUserByUserName",
                                data:zero,
                                type:"post",
                                success:function (data) {
                                    if (data == "success"){
                                        window.location.href = "/forum/4_user/personself/index.html";
                                    } else {
                                        alert("保存失败")
                                    }
                                }
                            })



                        }



                    }
                </script>




                <div class="tab-item" id="tab-two">
                    <div class="information-tab ">
                        <div class="information-record">
                            <!--<script src="//dx0.xcar.com.cn/dsp/adpc?appId=M7nuyi&amp;deviceType=2&amp;posId=1771,1772,1773,1774,1775&amp;site_page=&amp;site_ref=&dx_channel=739"></script>-->
                            <div class="" style="width: 80%;float: left">
                                <div class="wp clearfix" style="width: 100%">
                                    <div class="forum_list_module" style="">
                                        <ul class="topic_list_item" id="topicList1" style="width: 100%">
                                            <!-- 无内容 start -->
                                            <!-- 帖子类型-->
                                            <!--普通帖（普通帖、长文、新车作业、二手车等）-->
                                            <!--<li class="default_item">-->
                                            <!--<div class="detail_item">-->
                                            <!--<dl class="article_item full_item">-->
                                            <!--<dt>-->
                                            <!--<a href="../3_main/3_showpost.html?id=1" style="float: left"> 老凯俚酸汤鱼 </a>-->
                                            <!--</dt><dd>-->
                                            <!--<a href="../3_main/3_showpost.html?id=1"> 吃吗？ </a>-->
                                            <!--</dd></dl>-->
                                            <!--<div class="source_item">-->
                                            <!--<div class="user_item">-->
                                            <!--<em class="date_item">2020-05-24 17:53</em>-->
                                            <!--</div>-->
                                            <!--<em style="float: left;margin-left: 30px">宝马</em>-->
                                            <!--<em><button type="button" class="btn btn-danger" onclick="btn1(1)">删除</button></em>-->
                                            <!--<em style="margin-right: 30px;">22人已收藏</em>-->
                                            <!--</div>-->
                                            <!--</div> </li>-->
                                        </ul>
                                        <!--<div id="div_newd0_js_1777" style="float:left;width:100%;overflow: hidden;"></div>-->
                                    </div>
                                </div>
                            </div>

                            <script>
                                $.ajax({
                                    url: '/forum/user/getUserInfo',
                                    success:function (data) {
                                        if (data.state === '200' ){
                                            console.log(data.data);
                                            console.log(data.data.userName);
                                            var userName = data.data.userName;
                                            var parem = "userName=" + userName;
                                            $.ajax({
                                                url:"/forum/post/selectByUserName",
                                                data:parem,
                                                type:"post",
                                                success:function (data) {
                                                    var html = "";
                                                    for (var i = 0; i < data.length; i++){
                                                        html = html + "<li class=\"default_item\" id='li1" + data[i].postId + "'>\n" +
                                                            "                                                    <div class=\"detail_item\">\n" +
                                                            "                                                        <dl class=\"article_item full_item\">\n" +
                                                            "                                                            <dt>";
                                                        html = html + "<a href=\"../../3_main/3_showpost.html?id=" + data[i].postId + "\" style=\"float: left\">" + data[i].postName + "</a>";
                                                        html = html + "</dt><dd style=\"margin-top: 7px;margin-bottom: 7px\">" + "<a href=\"../../3_main/3_showpost.html?id=" + data[i].postId + "\">" + data[i].other1 + "</a>";
                                                        html = html + "</dd></dl>\n" +
                                                            "                                                        <div class=\"source_item\">\n" +
                                                            "                                                            <div class=\"user_item\">\n" +
                                                            "                                                                <em class=\"date_item\">" + data[i].other2 + "</em></div>";
                                                        html = html + "<em style=\"float: left;margin-left: 30px\">" + data[i].postType + "</em>";
                                                        html = html + "<em><button type=\"button\" class=\"btn btn-danger\" onclick=\"btn1(" + data[i].postId + ")\">删除</button></em>";
                                                        html = html + "<em style=\"margin-right: 30px;\">" + data[i].postCel + "人已收藏</em>";
                                                        html = html + "</div>\n" +
                                                            "                                                    </div> </li>";
                                                    }

                                                    $('#topicList1').html(html);
                                                }
                                            })
                                        }
                                    }
                                })
                            </script>
                            <script>
                                function btn1(info) {
                                    var postId = "postId=" + info;
                                    html1 = "";
                                    $.ajax({
                                        url:"/forum/post/deletePost",
                                        data:postId,
                                        success:function (data) {
                                            if (data == "success"){
                                                alert("删除成功")
                                                $("#li1" + info).replaceWith(html1);
                                            } else {
                                                alert("删除失败")
                                            }
                                        }
                                    })

                                }
                            </script>

                        </div>
                    </div>
                </div>
                <div class="tab-item" id="tab-three">
                    <div class="information-tab ">
                        <div class="information-record">
                            <div class="" style="width: 80%;float: left">
                                <div class="wp clearfix" style="width: 100%">
                                    <div class="forum_list_module" style="">
                                        <ul class="topic_list_item" id="topicList2" style="width: 100%">
                                            <!-- 无内容 start -->
                                            <!-- 帖子类型-->
                                            <!--普通帖（普通帖、长文、新车作业、二手车等）-->
                                            <!--<li class="default_item">-->
                                            <!--<div class="detail_item">-->
                                            <!--<dl class="article_item full_item">-->
                                            <!--<dt>-->
                                            <!--<a href="../3_main/3_showpost.html?id=" style="float: left"> 老凯俚酸汤鱼 </a>-->
                                            <!--</dt>-->
                                            <!--<dd style="margin-top: 7px;margin-bottom: 7px">-->
                                            <!--<a href="/bbs/viewthread.php?tid=95244563"> 吃吗？ </a>-->
                                            <!--</dd>-->
                                            <!--</dl>-->
                                            <!--<div class="source_item">-->
                                            <!--<div class="user_item">-->
                                            <!--<a href="//my.xcar.com.cn/space.php?uid=6919615" class="user_photo">-->
                                            <!--<span class="user_name">我没有车队</span> </a>-->
                                            <!--<em class="date_item">2020-05-24 17:53</em>-->
                                            <!--</div>-->
                                            <!--<em style="float: left">宝马</em>-->
                                            <!--<em>取消收藏</em>-->
                                            <!--<em>收藏数</em>-->
                                            <!--</div>-->
                                            <!--</div>-->
                                            <!--</li>-->



                                        </ul>
                                        <!--<div id="div_newd0_js_1777" style="float:left;width:100%;overflow: hidden;"></div>-->
                                    </div>
                                </div>
                            </div>


                            <script>
                                $.ajax({
                                    url: '/forum/user/getUserInfo',
                                    success:function (data) {
                                        if (data.state === '200' ){
                                            console.log(data.data);
                                            console.log(data.data.userName);
                                            var userName = data.data.userName;
                                            var parem = "userName=" + userName;
                                            $.ajax({
                                                url:"/forum/praise/selectPostByUserName",
                                                data:parem,
                                                type:"post",
                                                success:function (data) {
                                                    console.log(data)
                                                    var html = "";
                                                    for (var i = 0; i < data.length; i++){
                                                        html = html + "<li class=\"default_item\" id='li2" + data[i].postId + "'>\n" +
                                                            "                                                    <div class=\"detail_item\">\n" +
                                                            "                                                        <dl class=\"article_item full_item\">\n" +
                                                            "                                                            <dt>";
                                                        html = html + "<a href=\"../../3_main/3_showpost.html?id=" + data[i].postId + "\" style=\"float: left\">" + data[i].postName + "</a>";
                                                        html = html + "</dt><dd style=\"margin-top: 7px;margin-bottom: 7px\">" + "<a href=\"../../3_main/3_showpost.html?id=" + data[i].postId + "\">" + data[i].other1 + "</a>";
                                                        html = html + "</dd></dl>\n" +
                                                            "                                                        <div class=\"source_item\">\n" +
                                                            "                                                            <div class=\"user_item\">\n" + "<a href=\"index1.html?userName="  + data[i].userName +  "\" class=\"user_photo\">" + "<span class=\"user_name\">" + data[i].userName + "</span></a>" +
                                                            "                                                                <em class=\"date_item\">" + data[i].other2 + "</em></div>";
                                                        html = html + "<em style=\"float: left;margin-left: 30px\">" + data[i].postType + "</em>";
                                                        html = html + "<em><button type=\"button\" class=\"btn btn-danger\" onclick=\"btn2(" + data[i].postId + "," + "'" + userName + "'" + ")\">取消收藏</button></em>";
                                                        html = html + "<em style=\"margin-right: 30px;\">" + data[i].postCel + "人已收藏</em>";
                                                        html = html + "</div>\n" +
                                                            "                                                    </div> </li>";
                                                    }

                                                    $('#topicList2').html(html);
                                                }
                                            })
                                        }
                                    }
                                })
                            </script>
                            <script>
                                function btn2(info1,info2) {
                                    console.log("info1" + info1 + "," + "info2" + info2)
                                    var parm = "postId=" + info1 + "&userName=" + info2;
                                    html1 = "";
                                    $.ajax({
                                        url:"/forum/praise/deletePraiseByOther1",
                                        data:parm,
                                        type:"post",
                                        success:function (data) {
                                            if (data == "success"){
                                                alert("取消收藏成功");
                                                $("#li2" + info1).replaceWith(html1);

                                            }else {
                                                alert("取消收藏失败")
                                            }
                                        }
                                    })
                                }
                            </script>
                        </div>
                    </div>
                </div>
                <div class="tab-item" id="tab-four">
                    <div class="information-tab ">
                        <div class="information-record">


                            <div class="" style="width: 70%;float: left">
                                <div class="wp clearfix" style="width: 100%">
                                    <div class="forum_list_module" style="">
                                        <ul class="topic_list_item" id="topicList3" style="width: 100%">
                                            <!-- 无内容 start -->
                                            <!-- 帖子类型-->
                                            <!--普通帖（普通帖、长文、新车作业、二手车等）-->
                                            <!--<li class="default_item">-->

                                            <!--<div  style="margin-left: 20px;margin-right: 20px" class="photo_box1">-->
                                            <!--<div >-->
                                            <!--<img  class="user_photo1" src="http://t8.baidu.com/it/u=2247852322,986532796&fm=79&app=86&f=JPEG?w=1280&h=853" alt="" >-->
                                            <!--</div>-->
                                            <!--</div>-->

                                            <!--<div  style="" class="info_box1">-->
                                            <!--<ul >-->
                                            <!--<li style="margin-top: 25px;width: 150px;text-align: left" ><span style="font-size: larger">姓名：12345</span>-->
                                            <!--<li style="margin-top: 15px;width: 150px;text-align: left"><span style="font-size: larger">发布帖子数：123</span>-->
                                            <!--<li style="margin-top: 15px;width: 150px;text-align: left"><span style="font-size: larger">粉丝数：123</span>-->
                                            <!--</ul>-->
                                            <!--</div>-->
                                            <!--<div class="source_item" >-->
                                            <!--<button type="button" class="btn btn-info" style="float: right" onclick="btn3()">取消关注</button>-->
                                            <!--</div>-->
                                            <!--</li>-->

                                        </ul>
                                        <!--<div id="div_newd0_js_1777" style="float:left;width:100%;overflow: hidden;"></div>-->
                                    </div>
                                </div>
                            </div>

                            <script>
                                $.ajax({
                                    url: '/forum/user/getUserInfo',
                                    success:function (data) {
                                        if (data.state === '200' ){
                                            console.log(data.data);
                                            console.log(data.data.userName);
                                            var userName = data.data.userName;
                                            var parem = "userName=" + userName;
                                            $.ajax({
                                                url:"/forum/concern/selectByOther1Name",
                                                data:parem,
                                                type:"post",
                                                success:function (data) {
                                                    var html = "";
                                                    for (var i = 0; i < data.length; i++){
                                                        html = html + "<li class=\"default_item\" id='li3 " + data[i].userId +"'>\n" +
                                                            "\n" +
                                                            "                                                        <div  style=\"margin-left: 20px;margin-right: 20px\" class=\"photo_box1\">\n" +
                                                            "                                                            <div >\n" +
                                                            "                                                                <a href=\"index1.html?userName=" + data[i].userName + "\"><img  class=\"user_photo1\" src=\"" + data[i].userPhoto + "\" alt=\"\" > </a>";
                                                        html = html + "</div>\n" +
                                                            "                                                        </div>\n" +
                                                            "\n" +
                                                            "                                                        <div  style=\"\" class=\"info_box1\">\n" +
                                                            "                                                            <ul >";
                                                        html = html + "<li style=\"margin-top: 25px;width: 150px;text-align: left\" ><span style=\"font-size: larger\">账号名：" + data[i].userName + "</span>";
                                                        html = html + "<li style=\"margin-top: 15px;width: 150px;text-align: left\"><span style=\"font-size: larger\">发布帖子数：" + data[i].status + "</span>";
                                                        html = html + "<li style=\"margin-top: 15px;width: 150px;text-align: left\"><span style=\"font-size: larger\">粉丝数：" + data[i].userFans + "</span>";
                                                        html = html + "</ul>\n" +
                                                            "                                                        </div>\n" +
                                                            "                                                    <div class=\"source_item\" >";
                                                        html = html + "<button type=\"button\" class=\"btn btn-info\" style=\"float: right\" onclick=\"btn3(" + "'" + data[i].userName + "'," + "'" + userName + "'" + data[i].userId + ")\">取消关注</button>";
                                                        html = html + "</div></li>"
                                                    }

                                                    $('#topicList3').html(html);
                                                }
                                            })
                                        }
                                    }
                                })
                            </script>
                            <script>
                                function btn3(info1,info2,info3) {
                                    var parem = "userName=" + info2 + "&userByName=" + info1;
                                    html1 = "";
                                    $.ajax({
                                        url:"/forum/concern/deleteConcern",
                                        data:parem,
                                        type:"post",
                                        success:function (data) {
                                            if (data == "success"){
                                                alert("取消关注成功")
                                                $("#li3" + info3).replaceWith(html1);
                                            }else {
                                                alert("取消关注失败")
                                            }
                                        }
                                    })
                                }
                            </script>


                        </div>
                    </div>
                </div>




                <div class="tab-item" id="tab-five">
                    <div class="information-tab ">
                        <div class="information-record">

                            <div class="" style="width: 70%;float: left">
                                <div class="wp clearfix" style="width: 100%">
                                    <div class="forum_list_module" style="">
                                        <ul class="topic_list_item" id="topicList4" style="width: 100%">
                                            <!-- 无内容 start -->
                                            <!-- 帖子类型-->
                                            <!--普通帖（普通帖、长文、新车作业、二手车等）-->
                                            <!--<li class="default_item">-->

                                            <!--<div id="photo_box2" style="margin-left: 20px;margin-right: 20px" class="photo_box1">-->
                                            <!--<div >-->
                                            <!--<img id="user_photo2" class="user_photo1" src="http://t8.baidu.com/it/u=2247852322,986532796&fm=79&app=86&f=JPEG?w=1280&h=853" alt="" >-->
                                            <!--</div>-->
                                            <!--</div>-->

                                            <!--<div id="info_box2" style="" class="info_box1">-->
                                            <!--<ul id="user">-->
                                            <!--<li style="margin-top: 25px;width: 150px;text-align: left" ><span style="font-size: larger">账号名：12345</span>-->
                                            <!--<li style="margin-top: 15px;width: 150px;text-align: left"><span style="font-size: larger">发布帖子数：123</span>-->
                                            <!--</ul>-->
                                            <!--</div>-->
                                            <!--<div class="source_item" >-->
                                            <!--<button type="button" class="btn btn-info" style="float: right">取消关注</button>-->
                                            <!--</div>-->
                                            <!--</li>-->
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <script>
                                $.ajax({
                                    url: '/forum/user/getUserInfo',
                                    success:function (data) {
                                        if (data.state === '200' ){
                                            console.log(data.data);
                                            console.log(data.data.userName);
                                            var userName = data.data.userName;
                                            var parem = "userName=" + userName;
                                            $.ajax({
                                                url:"/forum/concern/selectByOther2Name",
                                                data:parem,
                                                type:"post",
                                                success:function (data) {
                                                    var html = "";
                                                    for (var i = 0; i < data.length; i++){
                                                        html = html + "<li class=\"default_item\">\n" +
                                                            "\n" +
                                                            "                                                        <div  style=\"margin-left: 20px;margin-right: 20px\" class=\"photo_box1\">\n" +
                                                            "                                                            <div >\n" +
                                                            //                                                                   "                                                                <a href=\"index1.html?userName=" + data[i].userName + "\"><img  class=\"user_photo1\" src=\"" + data[i].userPhoto + "\" alt=\"\" > </a>";
                                                            "                                                                <a href=\"index1.html?userName=" + data[i].userName + "\"><img  class=\"user_photo1\" src=\"" + data[i].userPhoto + "\" alt=\"\" ></a>";
                                                        html = html + "</div>\n" +
                                                            "                                                        </div>\n" +
                                                            "\n" +
                                                            "                                                        <div  style=\"\" class=\"info_box1\">\n" +
                                                            "                                                            <ul >";
                                                        html = html + "<li style=\"margin-top: 25px;width: 150px;text-align: left\" ><span style=\"font-size: larger\">账号名：" + data[i].userName + "</span>";
                                                        html = html + "<li style=\"margin-top: 15px;width: 150px;text-align: left\"><span style=\"font-size: larger\">发布帖子数：" + data[i].status + "</span>";
                                                        html = html + "</ul>\n" +
                                                            "                                                        </div>\n";
                                                        html = html + "</li>"
                                                    }

                                                    $('#topicList4').html(html);
                                                }
                                            })
                                        }
                                    }
                                })
                            </script>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    //tab切换
    $('.tab-button').click(function() {
        var tab = $(this).data('tab')
        $(this).addClass('cur').siblings('.tab-button').removeClass('cur');
        $('#tab-' + tab + '').addClass('active').siblings('.tab-item').removeClass('active');
    });

</script>

<!--获取登录用户信息-->
</body>
</html>
